{extend name="public/common"}

{block name="style"}
<title>点对点教育VIP学员_录入确认</title>
<link rel="stylesheet" href="__HOME__/css/test/school.css">
<style>
    .list ul li {
        border-bottom: 1px solid #f1f1f1;
        font-size: 1.6rem;
        padding: 3vw 1.2vw 3vw 1.2vw;
        overflow: hidden;
    }
    .mui-table-view-cell>a:not(.mui-btn) {
        font-size: 1.36rem;
        margin: 2vw;
        text-align: center;
        white-space: pre-wrap;
    }
    .mui-popover .mui-table-view{
        text-align: center;
    }
    #openPopover {
        color: #333;
        font-size: 1.5rem;
        width: 80%;
        float: right;
        text-align: left;
    }
    #openPopover1 {
        color: #333;
        font-size: 1.5rem;
        width: 75%;
        float: right;
        text-align: left;
    }
    #openPopover2 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover3 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover4 {
        color: #333;
        font-size: 1.3rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    #openPopover5 {
        color: #333;
        font-size: 1.5rem;
        width: 75%;
        float: right;
        text-align: left;
    }
    #openPopover6 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover7 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover8 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover9 {
        color: #333;
        font-size: 1.3rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    #openPopover10 {
        color: #333;
        font-size: 1.3rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    #openPopover11 {
        color: #333;
        font-size: 1.3rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: normal;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    #openPopover20 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover21 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover22 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover23 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    .img{
        width: 54vw;
        height:10vw;
        background: #64a052;
        border-radius: 5px;
        color: #fff;
        border: 1px solid #64a052;
        margin: 25vw auto 50vw auto;
        text-align: center;
        font-size: 1.6rem;
        line-height: 10vw;
        box-shadow: 0 0 1.6vw #64a052;
    }
    .pass{
        width: 54vw;
        height:10vw;
        background: #d0d0d657;
        border-radius: 5px;
        color: #64a052;
        border: 1px solid #d0d0d657;
        margin: 25vw auto 4vw auto;
        text-align: center;
        font-size: 2rem;
        line-height: 10vw;
        box-shadow: 0 0 1.6vw #d0d0d657;
    }
    .list ul li input[type="text"],input[type="number"] {
        border: none;
        margin-bottom: 0;
        width: 65%;
        text-align: left;
        right: 0;
        padding: 2vw 0 0 0;
        -webkit-user-select: text;
        -user-select: text;
    }
    .a{
        -webkit-appearance: checkbox;
        display: inline-block;
        width:5.5vw;
        height:5.5vw;
    }
    .goreviews {
        width: 54vw;
        height: 10vw;
        border-radius: 5px;
        margin: 3vw auto 10vw auto;
        text-align: center;
        font-size: 1.6rem;
        line-height: 10vw;
        color: #ec7f6a;
        background-color: #fff;
    }
</style>
{/block}

{block name="body"}
<div class="main">
    <div class="list">
        <ul>
            <li class="type1 address">
                <span style="color: red">* </span>分校：
                <div id="openPopover" ><p>{$info.fx}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>班主任：
                <div id="openPopover1" ><p>{$info.bzr}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>考试年份：
                <div id="openPopover2" ><p>{$info.ksnf}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>报班项目：
                <div id="openPopover3" ><p>{$info.bbxm}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>报班类型：
                <div id="openPopover4"><p>{$info.bblx}</p></div>
            </li>
            <li class="type1 time">
                <span style="color: red">* </span>报名时间：
                <input type="text" style="font-size: 15px" placeholder="请输入报名时间" name="time" value="{$info.time|time_format='Y年m月d日 H:i'}"  readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>性别：
                <div id="openPopover5" ><p>{$info.xb}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>入学年份：
                <div id="openPopover6"><p>{$info.rxnf}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>所属院校：
                <div id="openPopover8"><p>{$info.xx_dq}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover9" ><p>{$info.xx_mc}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover10" ><p>{$info.xx_xy}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover11"><p>{$info.xx_zy}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>目标院校：
                <div id="openPopover20"><p>{$info.mb_dq}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover21" ><p>{$info.mb_mc}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover22" ><p>{$info.mb_xy}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover23"><p>{$info.mb_zy}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>应收金额（元）：
                <input type="number" placeholder="请输入应收金额" name="money" value="{$info.money}" style="width: 50%" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>VIP编号：
                <input type="text" placeholder="请输入VIP编号" name="vip" value="{$info.vip}" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>姓名：
                <input type="text" placeholder="请输入姓名" name="name" value="{$info.name}" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>电话：
                <input type="number" placeholder="请输入电话" name="tel" value="{$info.tel}" style="width: 75%" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>QQ：
                <input type="number" placeholder="请输入QQ" name="qq" value="{$info.qq}" style="width: 75%" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>家长姓名：
                <input type="text" placeholder="请输入家长姓名" name="old" value="{$info.jzxm}" style="width: 65%" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>家长电话：
                <input type="number" placeholder="请输入家长电话" name="oldtel" value="{$info.jzdh}" style="width: 65%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>四级笔试成绩：
                <input type="number" name="write_f" {empty name="$info.sjbs"} placeholder="暂无" {else/} value="{$info.sjbs}" {/empty} style="width: 57%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>四级口语成绩：
                <input type="number" {empty name="$info.sjky"} placeholder="暂无" {else/} value="{$info.sjky}" {/empty} name="say_f" style="width: 57%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>六级笔试成绩：
                <input type="number" {empty name="$info.ljbs"} placeholder="暂无" {else/} value="{$info.ljbs}" {/empty} name="write_s"  style="width: 57%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>六级口语成绩：
                <input type="number" {empty name="$info.ljky"} placeholder="暂无" {else/} value="{$info.ljky}" {/empty} name="say_s"  style="width: 57%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>国家计算机等级考试：
                <input type="text" {empty name="$info.jsj"} placeholder="暂无" {else/} value="{$info.jsj}" {/empty} name="comp"  style="width: 41%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>QQ群：
                <div id="openPopover7" ><p>{$info.qqq}</p></div>
            </li>
            {notempty name="info.qqqs"}
            <li class="qq" style="height: 70vw;padding: 0 2vw;">
                {volist name="info.qqqs" id='qq'}
                <span>
                    {$qq}
                    <input type="checkbox"  name="words" class="a" checked disabled>、
                </span>
                {/volist}
            </li>
            {/notempty}
            <li style="height: 68vw;padding: 0 2vw;">
                <span style="color: red">* </span>学习计划：
                <div>
                    <textarea style="font-size: 1.5rem;width: 100%;background-color: #fff" placeholder="请输入学习计划..." name="study" rows="7" disabled>{$info.study}</textarea>
                </div>
            </li>
        </ul>
    </div>
    {switch name="$info.status"}
    {case value="0"}<div class="img" id="btn">去确认</div>{/case}
    {case value="1"}
        <div class="pass">已确认</div>
        {eq name="is" value="1"}
        <a href="{:url('Write/paper?id='.$info['id'])}" class="goreviews" style="display: block;color: #64a052">~~ 去批阅 ~~</a>
        {/eq}
    {/case}
    {/switch}
</div>
{/block}

{block name="script"}
<script src="__ADMIN__/js/plugins/sweetalert/sweetalert.min.js"></script>
<script>
    $('title' ).text('点对点教育VIP学员_录入确认');
    //关闭分享
    function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    }
    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }
    } else {
        onBridgeReady();
    }
    var id="{$info.id}";
    $('#btn').on("click",function(){
        swal({
            title: "",
            text: "确定操作吗？",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "确定！",
            closeOnConfirm: false
        },
        function(){
            $.ajax({
                url: "{:Url('Write/play')}",
                type: 'post',
                data: {
                    id: id,
                },
                success:function(data){
                    if(data.code == 1){
                        swal({
                            title: ' ',
                            text: data.msg,
                            type: 'success',
                            confirmButtonText:'确定'
                        });
                        setTimeout(function(){
                            window.location.reload();
                        },1000);
                    }else{
                        swal({
                            title: ' ',
                            text: data.msg,
                            type: 'error',
                            confirmButtonText:'确定'
                        });
                    }
                }
            })
        });
    });
</script>
{/block}